@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0px;
	position:relative;
	font-size:16px;
	color:#052245;
	font-family:"Noto Sans TC",\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
}
div{position: relative;}
a { display:block; position:relative;}
a { text-decoration:none; top:0;
transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
-o-transition: all 0.6s;	/* Opera */
}
/*a:hover{opacity:0.8;filter:alpha(opacity=80); top:0px;}*/
.section section img{width: 100%;display: block;}

section { position:relative; margin:auto;}
.section { height:100%;}
.warp {width: 100%;max-width: 640px; margin:0px auto; background-color: #ffe7da;}

.font_weight1 { font-weight: 100;}
.font_weight3 { font-weight: 300;}
.font_weight4 { font-weight: 400;}
.font_weight5 { font-weight: 500;}
.font_weight7 { font-weight: 700;}
.font_weight9 { font-weight: 900;}
.th1{ font-size:260%; color:#ff9000;}
.th2{ font-size:450%; position: relative; line-height:120%;}
.th3{ font-size:150%; position: relative; padding:2vw 0 5vw;}
.th4{ width:100%; text-align:center;}
.tp1{ display:block;}
.tp2{ position:absolute; right:0; bottom:0;}
.tp3{ float:left; margin-top:-0.8vw; padding-right:0.8vw}

.section .center { position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%); /* IE 9 */
-moz-transform:translate(-50%,-50%); /* Firefox */
-webkit-transform:translate(-50%,-50%); /* Safari and Chrome */
-o-transform:translate(-50%,-50%); /* Opera */
}
.logo {
    width: 9vw;
    height: 12vw;
    display: block;
    top: 0;
    left: 2vw;
	position: fixed;
    z-index: 12;
    cursor: pointer;
	background-image:url(../img/logo.png);background-size: cover; background-position:center top; background-repeat: no-repeat;
}
.kv {}
.logo a { width:100%; height:100%;}

.menu { display:block; transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;}
.menu_rotate {transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s;transform:;}
.menu_open {z-index:200;}
.menu_open .menu_rotate {transform:;}
.menu a{ color:#052245; font-size:2vw; font-weight:300; text-decoration:none;line-height:1;}

.top_menu { top: 1%; right: 1%; position: fixed; z-index: 201; cursor: pointer; font-size: 12px; background-color:rgba(255, 255, 255, 0.8); padding:6px; display: none;
	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;}
.icon-bar { display: block; width: 45px; height: 4px; border-radius: 0; background-color: #052245; margin: 6px;
    -webkit-transition: background-color .35s,-webkit-transform .175s cubic-bezier(.215,.61,.355,1),opacity .175s cubic-bezier(.215,.61,.355,1);
    transition: background-color .35s,transform .175s cubic-bezier(.215,.61,.355,1),opacity .175s cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translateY(0)translateZ(0);    transform: translateY(0)translateZ(0);}
.root_menu_closed .menu_line_1 {-webkit-transform: translateY(10px)rotate(45deg);-ms-transform: translateY(10px)rotate(45deg);transform: translateY(10px)rotate(45deg);}
.root_menu_closed .menu_line_2 {opacity: 0;}
.root_menu_closed .menu_line_3 {-webkit-transform: translateY(-10px)rotate(-45deg);-ms-transform: translateY(-10px)rotate(-45deg);transform: translateY(-10px)rotate(-45deg);}
	
/*RWD Youtube 以及 Vimeo*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.cd-vertical-nav { position:fixed; width:100%; text-align:right; z-index:10; display:block;left: 0;top: 0;}
.cd-vertical-nav ul{ margin:0; padding:0.6vw 2vw;background-color: rgba(255, 255, 255, 0.9);}
.cd-vertical-nav li{ display:inline-block;}
.th4.cd-vertical-nav { position: relative; text-align: center;}
.cd-dot { display:inline-block; border-right: solid 1px; height: 3.2vw; margin: 0 1vw;}
a img { border:none;}
.is-selected { }


/*footer { background-color:#dfdfdf; text-align:center; color:#999; padding: 1vw;}*/

.pc { display:block;}
.pc2 { display: inline-block;}
.sp { display: none;}
.sp2 { display: none;}


.togo {
    font-size: 27px;
    right: 1%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    text-align: center;
    top: 30%;
}

.togo img {
    width: 50px;
    position: relative;
    top: auto;
    display: block;
    left: 15px;
}

@media screen and (min-width: 200px) and (max-width: 800px){
.warp{width: 100%; background-color: #ffe7da;}
.pc { display: none;}
.pc2 { display: none;}
.sp { display:block;}
.sp2 { display: inline-block;}
/*
.top_menu { display:block}
.menu {display: none;}
.menu_open { display:block;background-color: rgba(243, 250, 255, 1); height: 100%; z-index: 11;}
.cd-vertical-nav {text-align: center; height:100%;}
.menu a { font-size: 200%;}
.cd-dot { display: inline-block; border-right: solid 0; height: 0; margin: 0;}
.cd-vertical-nav ul { padding-top:20%;}
.cd-vertical-nav li { display:block;border-bottom: dashed 1px rgba(5, 34, 69, 0.4); width: 60%; margin: auto; padding: 6% 0 4%;}
.nav_icon img { margin: 0 1vw;}
*/
body {font-size: 3vw; height:auto; background-position-y:-30vw;}
.logo { width: 18vw; height: 24vw;}


.left { float: inherit; width:100%;}
.right { float:inherit; width:100%;}

.togo{font-size: 27px; right: 80px; padding-left: 50px; padding-right: 10px;top: 1%;}
.togo img{width: 20px; position: absolute; left: 20px; top: 6px;}
.togo img{width: 37px; left: 9px;}
	.pro_5box{margin-bottom: -30%}

}