html, body{margin: 0; padding: 0; width: 100%; height: 100%; -webkit-text-size-adjust: none;}
body { font-size: 16px; font-family: 'AllianzSans-Light', '微軟正黑體', Arial, Helvetica, sans-serif; color:#000000; width: 100%; height: 100%; -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ol, ul, li { margin: 0; padding: 0; list-style: none; }
a:link, a:visited { color: #003680; text-decoration: none; }
a:hover{ color:#000000;}
input, textarea, select { font-size: 13px; font-family: 'AllianzSans-Light', '微軟正黑體', Arial, Helvetica, sans-serif; resize: none; }
input:focus, textarea:focus{outline:none;}
img { border: 0px; }
em{font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold;  color: #003680; font-style:normal;}
sup{line-height:1em;}
#wrap{width:100%;}
.row{width:1000px; margin:0 auto; position:relative; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ clear:both}



/*======Header======*/
.header{width:100%; height:160px; margin:0 auto; background:#d1d3d4;}
.header .top_line{width:100%; background:#FFF;}
.header .top_line .row:after{ content:""; clear:both; display:table;}
.header .top_line ul{float:right; padding:20px 0;}
.header .top_line ul li{float:right; font-size:17px; text-align:right;}
.header .top_line ul li:first-child{line-height:29px;}
.header .top_line ul li.btn_aboutus{ margin-right:40px;}
.header .top_line ul li.btn_aboutus a{ width:100%; font-size:17px; padding:0 30px 0 20px; display:block; background:url(../images/icon_right_arrow.png) no-repeat 100px center #003781; font-family: 'AllianzSans-Light', '微軟正黑體', Arial, Helvetica, sans-serif; color:#FFF; border:0px solid #003680; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .top_line ul li span{ padding:0 5px;}
.header .logo{ position:absolute; left:0px; max-width:220px; padding-top:20px;}
.header .logo a{ width:220px; height:121px; display:block; background:url(../images/logo.png) no-repeat; text-indent:-9999px;}

/*======Footer======*/
.footer { }
.footer a.learnus { border:0px solid #003680; color:#fff; font-size:17px; padding:0 30px 0 20px; margin-bottom:20px; background:url(../images/icon_right_arrow.png) no-repeat 100px center #003680; position:absolute; top:-90px; left:20px;}
.footer a.btn_top { background:url(../images/btn_top.png) no-repeat; width:45px; height:45px; position:absolute; top:-100px; right:20px;}
.footer .foot{width:100%; height:35px; background:#9c9c9c; line-height:35px; font-size:14px; text-align:center; }
.footer .foot a{ margin:0 10px; color:#000;}



/*======Home======*/
.main{width:100%; margin:0 auto;}
.main .home_banner{width:100%; height:400px; background-image:url(../images/home_head_banner.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;}
.main .home_banner img{width:100%; height:auto; display:none;}
.main .home_banner img.notepad{width:315px; height:317px; display:block; position:absolute; top:50%; left:50%; margin-top:-183px; margin-left:70px;}
.main .nav{position:relative; margin-top:-60px; z-index:1}
.main .nav.fix{position:fixed; margin-top:0; top:0; left:50%; margin-left:-500px; z-index:99999;}

.main .nav ul:after{ content:""; clear:both; display:table;}
.main .nav ul li{width:48%; text-align:center;}
.main .nav ul li a{width:100%; height:100%; display:block; font-size:22px; position:relative; color:#FFF; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; background-image:url(../images/main_tab_01.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.main .nav ul li a .txt{ width:100%; height:127px; display:table; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.main .nav ul li a .txt span{display:table-cell; vertical-align:middle; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);}
.main .nav ul li a .bg{width:100%; height:100%; position:relative; top:0; display:none;}
.main .nav ul li a .bg img{width:100%; height:auto; display:block;}
.main .nav ul li a .bg img.mo{ position:absolute; top:0; left:0; opacity:0;}


.main .nav ul li.home{float:left;}
.main .nav ul li.products{float:right;}
.main .nav ul li.home a.current, .main .nav ul li.home a:hover{background-image:url(../images/main_tab_02.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
.main .nav ul li.products a.current, .main .nav ul li.products a:hover{background-image:url(../images/main_tab_03.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}




.main .tvc{width:100%; position:relative; margin-top:-67px; background:#d1d3d4; padding:95px 0 40px;}
.video-container {position:relative; padding-bottom:56.25%;	padding-top:0px; height:0; width:100%;	overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0;	width:100%;	height:100%;}
.main .message{width:100%; background:#003680;}
.main .message .content{ position:relative; padding:40px 100px; font-size:24px; color:#fff; text-align:center;}
.main .message .open{ width:38px; height:29px; background:url(../images/message_open.png) no-repeat; position:absolute; top:20px; left:20px;}
.main .message .close{ width:38px; height:29px; background:url(../images/message_close.png) no-repeat; position:absolute; bottom:20px; right:20px;}
.main .intro{width:100%; margin:0 auto; background:url(../images/content_bg.jpg) top center repeat-x; padding:50px 0 130px;}
.main .intro .row:after{ content:""; clear:both; display:table;}
.main .intro .content{position:relative; font-size:16px; line-height:24px; width:100%; min-height:337px; float:left; padding-right:450px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main .intro .content p:first-child{margin-top:0;}
.main .intro .content .remark{font-size:12px;}
.main .intro .visual{ position:absolute; right:0; width:440px;}
.main .intro .visual .animation{float:left;}
.main .intro .visual .animation img{max-width:272px; width:100%; height:auto; display:block;}
.main .intro .visual .txt{ position:absolute; right:10px; font-size:16px; line-height:24px; text-align:left; color:#003680; font-family: '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; }
.main .intro .visual .txt span{font-size:24px; line-height:23px;}
.main .intro .visual .txt span sup{font-size:12px;}
.main .intro .tab{ overflow:hidden}
.main .intro .menu ul li{ width:32%; float:left;}
.main .intro .menu ul:after{ content:""; clear:both; display:table;}
.main .intro .menu ul li:nth-child(2){margin:0 2%;}
.main .intro .menu ul li a{width:100%; height:333px; max-height:333px; position:relative; display:block; background-image:url(../images/home_tab_01.png); background-repeat:no-repeat; background-position:top center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.main .intro .menu ul li a:hover, .main .intro .menu ul li a.flex-active{background-image:url(../images/home_tab_02.png); background-repeat:no-repeat; background-position:top center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.main .intro .menu ul li a .txt{ width:100%; height:38%; text-align:center; padding:0 30px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); color:#fff; font-size:24px; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:table; text-align:center }
.main .intro .menu ul li a .txt span{display:table-cell; vertical-align:middle; text-align:center}
.main .intro .menu ul li a .txt div{display:inline-block;}
.main .intro .menu ul li a .icon{position:relative;}
.main .intro .menu ul li a .icon img{display:block; margin:0 auto; width:100%; max-width:119px; max-height:126px;}
.main .intro .menu ul li a .bg{width:100%; height:100%; position:relative; top:0; display:none;}
.main .intro .menu ul li a .bg img{width:100%; height:auto; display:block;}
.main .intro .menu ul li a .bg img.mo{ position:absolute; top:0; left:0; opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.main .intro .tab .tab_content{margin-top:10px; font-size:16px; line-height:24px;}
.main .intro .tab .tab_content h2{ font-size:24px; color:#003680; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; }
.main .intro .tab .tab_content a{text-decoration:underline;}


/*======Popup======*/
.popup{ opacity:0; font-size:0; width:0; height:0; overflow:hidden;}
.btn_close{position:absolute; top:10px; right:20px;}
#disclaimer{width:100%; padding:20px 70px; display:none; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#disclaimer h1{font-size:24px; padding:0; margin:0; font-family: 'AllianzSans-Light', '微軟正黑體', Arial, Helvetica, sans-serif;}
#disclaimer h2{font-size:14px; padding:0; margin:0; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; }
#disclaimer .content{ width:100%; height:380px; margin:20px 0; padding-right:20px; font-size:14px; line-height:16px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#disclaimer .content ul{padding-left: 18px;}
#disclaimer .content ul li{list-style:disc; margin:15px 0; line-height:20px;}
#disclaimer .content ul li:first-child{margin-top:0;}
#disclaimer .content ul li strong{font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; }

#disclaimer .agreement{font-size:14px; width:100%; margin-bottom:10px; line-height:1em; background:#dbdbdb; padding:5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#disclaimer a.btn_accept{width:156px; height:35px; display:block; opacity:0.3; color:#ffffff; background:#fdb414; font-size:16px; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; display:inline-block; vertical-align:top; position:relative; padding-top:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
#disclaimer a.btn_accept:after { content: ""; position: absolute; bottom: -15px; left: 0; border-top: 15px solid #fdb414; border-left: 0px solid transparent; border-right: 15px solid transparent; width: 141px; height: 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
#disclaimer a.btn_accept:hover{ background:#003781;}
#disclaimer a.btn_accept:hover:after{ border-top: 15px solid #003781;}



/*======Products======*/
.main .product_banner{width:100%; height:400px; background-image:url(../images/product_head_banner.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;}
.main .product_banner img{width:100%; height:auto; display:none;}
.main .product_banner img.notepad{width:315px; height:317px; display:block; position:absolute; top:50%; left:50%; margin-top:-183px; margin-left:70px;}

.main .product{ padding-bottom:160px; background:url(../images/product_bg.jpg) repeat-x bottom;}
.product .lendin { color:#003680; font-size:20px; padding-top:30px; }

.inner_tab { margin:30px auto 0; height:150px; max-width:960px;}
.inner_tab li { width:25%; float:left; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.inner_tab li a { display:table; width:100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:130px; color:#ffffff; font-size:20px; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; }
.inner_tab li a div{ width:100%; height:130px; vertical-align:middle; display:block; display: table-cell; text-align:center; position:relative; }
.inner_tab li.tab1 { background:url(../images/product_tab1.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inner_tab li.tab2 { background:url(../images/product_tab2.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inner_tab li.tab3 { background:url(../images/product_tab3.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inner_tab li.tab4 { background:url(../images/product_tab4.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inner_tab li.flex-active a { text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
.inner_tab li.flex-active:after { position:absolute; content:''; bottom:-20px; left:50%; margin-left:-20px; width:41px; height:20px; background: url(../images/product_tab_arrow.png) no-repeat;}
.inner_tab li.tab1:hover, .inner_tab li.tab1.flex-active { background:url(../images/product_tab1_on.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inner_tab li.tab2:hover, .inner_tab li.tab2.flex-active { background:url(../images/product_tab2_on.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inner_tab li.tab3:hover, .inner_tab li.tab3.flex-active { background:url(../images/product_tab3_on.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inner_tab li.tab4:hover, .inner_tab li.tab4.flex-active { background:url(../images/product_tab4_on.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.tab_content_container:after{clear:both; content:""; display:table;}
.tab_content{position:relative; top:0;}
.tab_content .remark{font-size:12px; line-height:15px}
.tab_content .remark sup{font-size:12px; }

.inner_banner{width:100%; max-width:960px; height:320px; margin:10px auto 30px; position:relative;}
.inner_banner img{width:100%; height:auto; display:none;}
.inner_banner img.notepad{width:315px; height:282px; display:block; position:absolute; top:50%; left:50%; margin-top:-141px; margin-left:150px;}
.inner_banner.inner1 {background-image:url(../images/inner_banner_1.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.inner_banner.inner2 {background-image:url(../images/inner_banner_2.jpg); background-repeat:no-repeat; background-position:top center; background-color:#0d1013;}
.inner_banner.inner3 {background-image:url(../images/inner_banner_3.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.inner_banner.inner4 {background-image:url(../images/inner_banner_4.jpg); background-repeat:no-repeat; background-position:top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.product .content{font-size:16px; line-height:24px; }
.product .map{float:right; margin-top:10px;}
.product img.visual{ float:right; margin-left:10px; }
.product img.visual2{ display:none; margin:0 auto; }

.product .content h2{font-size:24px; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; color:#003680; }
.product .content li{ list-style: url(../images/list.gif); margin-left:20px; margin-bottom:10px; }
.btn_bar { padding:20px 0 40px;}
.btn_bar a{ width:160px; height:20px; color:#ffffff; font-size:16px; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; display:inline-block; vertical-align:top; position:relative; padding-top:15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.btn_bar a.btn_blue{ background:#00657c; margin-right:30px;}
.btn_bar a.btn_yellow{ background:#fdb414;}
.btn_bar a:after { content: ""; position: absolute; bottom: -15px; left: 0; border-left: 0px solid transparent; border-right: 15px solid transparent; width: 145px; height: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.btn_bar a.btn_blue:after { border-top: 15px solid #00657c; }
.btn_bar a.btn_yellow:after { border-top: 15px solid #fdb414; }
/*.btn_bar a:hover{ background:#003781;}
.btn_bar a:hover:after{ border-top: 15px solid #003781;}*/
.home_foot { padding-top:20px; }
.home_foot .disclaimer {
    font-size: 12px;
    border: 1px solid #000;
    padding: 15px;
}
.product_foot { border-top:1px solid #000; padding-top:20px; margin-top:40px; }
.product_foot .contact { margin-bottom:30px; }
.product_foot .contact:after{ content:""; clear:both; display:table;}
.product_foot .contact a { color:#003680; font-size:24px; font-family: 'AllianzSans-Bold', '微軟正黑體', Arial, Helvetica, sans-serif; font-weight:bold; float:left; }
.product_foot .contact a.tel {background:url(../images/icon_tel.png) no-repeat 0 3px; padding-left:30px; margin-right:40px;}
.product_foot .contact a.url {background:url(../images/icon_url.png) no-repeat 0 3px; padding-left:35px; margin-right:40px;}
.product_foot .contact a.email {background:url(../images/icon_email.png) no-repeat 0 3px; padding-left:40px;}
.product_foot .disclaimer { font-size:12px; border:1px solid #000; padding:15px;}


.main .product .tab_content .rdb{width:100%; position:relative; height:auto; padding:10px 15px; border:1px #000000 solid; margin-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.main .product .tab_content .rdb .title{font-size:18px; font-weight:bold;}
.main .product .tab_content .rdb .btn{ width:21px; height:21px; position:absolute; top:10px; right:15px; display:block;}
.main .product .tab_content .rdb .btn a{width:100%; height:100%; display:block; overflow:hidden; background:url(../images/btn_plus.png) no-repeat;}
.main .product .tab_content .rdb .content{display:none;}
.main .product .tab_content .rdb.expanded .content{display:block; padding-top:10px; font-size:12px; line-height:15px;}
.main .product .tab_content .rdb.expanded .btn a{background:url(../images/btn_minus.png) no-repeat;}
.main .product .tab_content .rdb .content ul li{list-style:disc; margin-bottom:2px; margin-left:15px;}




@media only screen and (max-width: 1000px) {
	.row{width:100%; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	/*======Header======*/
	.header{height:120px}
	.header .logo{ left:20px;}
	.header .logo a{ width:150px; height:83px; background:url(../images/logo_m.png) no-repeat; background-size:150px 83px;}
	.header .top_line ul{padding:15px 0;}
	.header .top_line ul li.btn_aboutus{ margin-right:30px;}

	/*======Home======*/
	.main .nav.fix{position:fixed; margin-top:0; top:0; left:0; margin-left:0; z-index:99999;}
	
	.main .home_banner{height:auto; background:none;}
	.main .home_banner img{display:block; }
	.main .home_banner img.notepad{ width:48%; height:auto; left:50%; margin-left:0; top:10%; margin-top:0;}
	.main .tvc{padding:9% 0 5%}

	
	.main .intro .content{width:100%; min-height:0; padding-right:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.main .intro .visual{ position:static; width:450px; margin:0 auto;}
	.main .intro .visual .animation{position:relative; float:right;}
	.main .intro .visual .txt{position:relative; float:left; margin-top:20%;}

	
	.main .intro .menu ul li a{height:250px;}
	.main .intro .menu ul li a .txt{ height:35%; padding:0 30px; font-size:22px; line-height:24px;}
	.main .intro .menu ul li a .icon img{width:35%;}
	
	/*======Products======*/
	.main .product_banner{height:auto; background:none;}
	.main .product_banner img{display:block; }
	.main .product_banner img.notepad{ width:48%; height:auto; left:50%; margin-left:0; top:10%; margin-top:0;}
	
	.inner_banner{height:auto; background:none;}
	.inner_banner img{display:block; }
	.inner_banner img.notepad{ width:48%; height:auto; left:50%; margin-left:0; top:10%; margin-top:0;}
	.product .map{min-height:300px; margin-top:20px;}
	
}
@media only screen and (max-width: 890px) {
	/*======Products======*/
	.product .lendin .txt { width: 65%; }
	.main .intro .menu ul li a .txt{ height:40%; padding:0 10px;}
}

@media only screen and (max-width: 768px) {
	
	
	/*======Home======*/
	.main .nav{ margin-top:-9%}
	.main .nav ul li a .txt{ height:auto; position:absolute; z-index:8;}
	.main .nav ul li a{height:100%; overflow:hidden;}
	.main .nav ul li a:hover, .main .nav ul li a.current, .main .nav ul li a{background-image:none;}
	.main .nav ul li a.current .bg img.mo{opacity:1;}
	.main .nav ul li a .bg{display:block;}
	.main .tvc{padding:16% 0 5%; position:static;}
	
	.main .intro .menu ul li a{height:auto; overflow:hidden;}
	.main .intro .menu ul li a:hover, .main .intro .menu ul li a.flex-active{background-image:none;}
	.main .intro .menu ul li a.flex-active .bg img.mo{opacity:1;}
	.main .intro .menu ul li a .txt{line-height:28px; position:absolute; z-index:1; padding-bottom:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.main .intro .menu ul li a .icon{display:none;}
	.main .intro .menu ul li a .bg{display:block;}
	
	/*======Products======*/
	.product .lendin .txt { width: 55%; }
	
	.product img.visual{ display:none; }
	.product img.visual2{ display:block; }
	.btn_bar { text-align:center; }
}

@media only screen and (max-width: 640px) {
	/*======Home======*/
	.main .nav ul li a{ font-size:18px; line-height:20px; background-image:url(../images/main_tab_m_01.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
	.main .nav ul li.home a.current, .main .nav ul li.home a:hover{background-image:url(../images/main_tab_m_02.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
	.main .nav ul li.products a.current, .main .nav ul li.products a:hover{background-image:url(../images/main_tab_m_03.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
	.main .message .content{font-size:18px; padding:55px 60px; }
	.main .intro .menu ul li a .txt{ font-size:18px; padding:0 20px; line-height:24px;  padding-bottom:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	/*======Products======*/
	.product .lendin { font-size:18px; padding-top:20px; }
	.main .product_banner img.notepad{ width:48%; height:auto; top:10%;margin-left:-10px;}
	.main .home_banner img.notepad{ width:48%; height:auto; top:10%;margin-left:-10px;}
	
	.inner_tab { height:130px; margin:20px auto 0}
	.inner_tab li a { height:130px; }
	.inner_tab li a { font-size:14px; }
	.inner_banner{margin:30px auto 30px;}
	.product_foot .contact a { display:block; float:none; margin-bottom:10px; }

	.main .product .tab_content .rdb{margin-top:30px;}
	.main .product .tab_content .rdb .title{font-size:14px;}
	.main .product .tab_content .rdb.expanded .content{font-size:12px; line-height:16px;}

	
	
	/*======Popup======*/
	#disclaimer{padding:20px 30px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#disclaimer .agreement{width:90%;}
	.btn_close{top:10px; right:10px;}

}




@media only screen and (max-width: 480px) {
	/*======Header======*/
	.header{height:120px;}
	.header .logo{ width:45%; left:20px;}
	.header .top_line ul{padding:12px 0;}
	.header .top_line ul li{float:none;}
	.header .top_line ul li.btn_aboutus{ margin-right:0px; margin-top:0px; display:none}
	.header .top_line ul li.btn_aboutus a{font-size:14px; padding:0 20px 0 10px; background:url(../images/icon_right_arrow.png) no-repeat 70px center #003781;}
	
	/*======Home======*/
	.main .tvc{padding:23% 0 5%}
	.main .nav ul li a{ font-size:13px; line-height:14px;}
	.main .intro{padding-top:30px;}
	.main .intro .visual{width:100%; margin:0 auto; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.main .intro .visual .animation{ width:55%; height:auto;}
	.main .intro .visual .animation img{ width:100%; height:auto;}
	.main .intro .visual .txt{ width:45%; font-size:14px; line-height:20px; margin-top:10%; padding-right:0px; padding-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.main .intro .visual .txt span{ font-size:22px; line-height:24px;}
	.main .message .content{font-size:18px; padding:55px 30px; }
	
	.main .intro .menu ul li a .txt{ font-size:13px; padding:0 10px; line-height:14px;  padding-bottom:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	
	/*======Products======*/
	.product img.visual2{ width:100%; }
	.btn_bar a{ width:140px; }
	.btn_bar a.btn_blue{ margin-right:10px;}
	.btn_bar a:after { width: 125px;}
	.product_foot .contact a{font-size:18px; line-height:28px;}
	.footer a.learnus{padding-top:5px; padding-bottom:5px;}
	
	/*======Popup======*/
	#disclaimer{padding:10px 5px 10px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.btn_close{top:0px; right:0px;}
	#disclaimer a.btn_accept{width:116px; height:25px; font-size:14px; padding-top:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
	#disclaimer a.btn_accept:after { bottom: -15px; border-top: 15px solid #fdb414; border-left: 0px solid transparent; border-right: 15px solid transparent; width: 101px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
	#disclaimer .content{height:250px;}
	
}

@media only screen and (max-width: 374px) {
	.row{width:100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

}

@media only screen and (max-width: 320px) {
	.header .logo{ left:10px;}
	#disclaimer .content{height:200px;}
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	.product_foot .contact a.tel {background:url(../images/icon_tel_m.png) no-repeat 0 3px; background-size: 22px 21px;}
	.product_foot .contact a.url {background:url(../images/icon_url_m.png) no-repeat 0 3px; background-size: 25px 21px;}
	.product_foot .contact a.email {background:url(../images/icon_email_m.png) no-repeat 0 3px; background-size: 27px 21px;}
	.footer a.btn_top{background:url(../images/btn_top_m.png); background-size: 45px 45px;}
}